    function selectTab(id, sub_id) {

        $('content' + sub_id + "_left").style.display = "none";
        $('content' + sub_id + "_middle").style.display = "none";

        $('content' + sub_id + "_" + id).style.display = "block";
        if (id == "middle") {
        
            $('corner_left_' + sub_id).src = $('corner_left_' + sub_id).src.replace('corner-left-top', 'corner-left-top-fill');
            $('left_' + sub_id).removeClassName('selected');
            $('left_' + sub_id).addClassName('unselected');
            
            $('middle_' + sub_id).addClassName('selected');
            $('middle_' + sub_id).removeClassName('unselected');
            
            $('middle_left_' + sub_id).src = $('middle_left_' + sub_id).src.replace('corner-middle-unsel', 'corner-middle-unsel-left');
            $('middle_right_' + sub_id).src = $('middle_right_' + sub_id).src.replace('corner-devide-unsel', 'corner-middle-unsel');
            
            $('middle_' + sub_id).innerHTML = $('middle_' + sub_id).firstDescendant().innerHTML;
             
            $('left_' + sub_id).innerHTML = '<A href="javascript: void(0);" onclick="selectTab(\'left\', \'' + sub_id + '\')">' + $('left_' + sub_id).innerHTML + '</A>';
            
            //alert($('corner_left_' + sub_id).src);
        
//          alert("test");
        }
        else if (id == "left") {
            $('corner_left_' + sub_id).src = $('corner_left_' + sub_id).src.replace('corner-left-top-fill', 'corner-left-top');
            $('left_' + sub_id).addClassName('selected');
            $('left_' + sub_id).removeClassName('unselected');
            
            $('middle_' + sub_id).removeClassName('selected');
            $('middle_' + sub_id).addClassName('unselected');
            
            $('middle_left_' + sub_id).src = $('middle_left_' + sub_id).src.replace('corner-middle-unsel-left', 'corner-middle-unsel');
            $('middle_right_' + sub_id).src = $('middle_right_' + sub_id).src.replace('corner-middle-unsel', 'corner-devide-unsel');
            
            $('left_' + sub_id).innerHTML = $('left_' + sub_id).firstDescendant().innerHTML;
             
            $('middle_' + sub_id).innerHTML = '<A href="javascript: void(0);" onclick="selectTab(\'middle\', \'' + sub_id + '\')">' + $('middle_' + sub_id).innerHTML + '</A>';
        }
    }